import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'

// 表单校验
export const rules = reactive({
  openId: [required],
  name: [required],
  phone: [required],
})

// CrudSchema https://doc.iocoder.cn/vue3/crud-schema/
const crudSchemas = reactive<CrudSchema[]>([
  // {
  //   label: '编号',
  //   field: 'id',
  //   isForm: false,
  // },
  // {
  //   label: 'openID',
  //   field: 'openId',
  //   isSearch: true,
  // },
  {
    label: '名称',
    field: 'name',
    isSearch: true,
  },
  {
    label: '电话',
    field: 'phone',
    isSearch: true,
  },
  {
    label: '通知内容、建议业务的请求内容',
    field: 'conent',
    isSearch: false,
  },
   {
    label: '创建时间',
    field: 'createTime',
    formatter: dateFormatter,
    isSearch: true,
    search: {
      component: 'DatePicker',
      componentProps: {
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        type: 'daterange',
        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
      }
    },
    isForm: false,
  },
  // {
  //   label: '受理人时间',
  //   field: 'acceptTime',
  //   formatter: dateFormatter,
  //   isSearch: true,
  //   search: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
  //       type: 'daterange',
  //       defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
  //     }
  //   },
  //   form: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       type: 'datetime',
  //       valueFormat: 'x'
  //     }
  //   },
  // },
  // {
  //   label: '受理人id',
  //   field: 'acceptUserId',
  //   isSearch: true,
  //   form: {
  //     component: 'InputNumber',
  //     value: 0
  //   },
  // },
  // {
  //   label: '受理响应内容',
  //   field: 'acceptContent',
  //   isSearch: true,
  //   form: {
  //     component: 'Editor',
  //     componentProps: {
  //       valueHtml: '',
  //       height: 200
  //     }
  //   },
  // },
  // {
  //   label: '审核信息',
  //   field: 'auditingContent',
  //   isSearch: true,
  //   form: {
  //     component: 'Editor',
  //     componentProps: {
  //       valueHtml: '',
  //       height: 200
  //     }
  //   },
  // },
  // {
  //   label: '审核时间',
  //   field: 'auditingTime',
  //   formatter: dateFormatter,
  //   isSearch: true,
  //   search: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
  //       type: 'daterange',
  //       defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
  //     }
  //   },
  //   form: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       type: 'datetime',
  //       valueFormat: 'x'
  //     }
  //   },
  // },
  // {
  //   label: '创建时间',
  //   field: 'createTime',
  //   formatter: dateFormatter,
  //   isSearch: true,
  //   search: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
  //       type: 'daterange',
  //       defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
  //     }
  //   },
  //   isForm: false,
  // },
  {
    label: '操作',
    field: 'action',
    isForm: false
  }
])
export const { allSchemas } = useCrudSchemas(crudSchemas)
